*{
    margin: 0;
    padding: 0;
}
.box{
    width: 360px;
    height: 1090px;
    border: 1px solid rgb(172, 172, 170);
    margin: 0 auto;
}
header{
    width: 360px;
    height: 157px;
}
header img{
    width: 360px;
    height: 157px;
}
section{
width: 360px;
height: 887px;
/* background: burlywood; */
}
section .section1{
width: 360px;
height: 53.5px;
background: #f6f7f9;
}
.search{
    width: 339px; 
    height: 28px;
 }
 input{
    border-radius: 20px;
    font-size: 25px;
    margin-top: 11px;
    margin-left: 24px;
    // background: url(./图片/search.png ) no-repeat left center;
    /* outline: none; */
 }
 .header1 img{
    width: 30px;
    height: 30px;
    margin-top: 30px;
 }
 .section2{
    width: 360px;
    height: 119.5px;
    /* background: yellow; */
 }
 .section2 ul li{
    float: left;
    list-style: none;
    margin: 10px;
    font-size: 15px;
 }
 .a{
    color: aquamarine;
 }
 .section2a{
    width: 360px;
    height: 37.6px;
    /* background: wheat; */
 }
 .section2b{
    width: 360px;
    height: 45px;
    background: white;
    display: flex;
 }
 .section2c{
    width: 360px;
    height: 37.6px;
 }
 .section2a span{
    float: right;
    font-size: 12px;
    margin-top: 13px;
    color: #878c92;
 }
 .section2b div{
    background: #f6f7f9;
    width: 72px;
    height: 20px;
    margin: 10px;
   border-radius: 8px;
 }
 .section2c div{
    width: 40.5px;
    height: 17px;
    background: #fff1ee;
    border-radius: 3px;
 }
 .section2c div span{
    color:#f77b55;
 }
 .section2c p{
    overflow: hidden;
 }
 .section2ca{
    font-size: 15px;
 }
 .section3{
    width: 360px;
    height: 376px;
    /* background: #878c92; */
 }
 .section3a{
    width: 360px;
    height: 99.5px;
 }
 .section3a img{
    width: 360px;
    height: 99.5px;
 }
 .section3b{
    width: 360px;
    height: 43px;
    /* background: yellow; */
 }
 .section3b p{
    font-size: 14px;
    color: #878c92;
 }
 .section3c{
    width: 360px;
    height: 187px;
 }
 .section3c img{
    width: 360px;
    height: 187px;
 }
 .section3d{
    width: 360px;
    height: 48.5px;
    /* background: red; */
 }
 .section3d img{
    width: 18.5px;
    height: 18.5px;
    margin: 12px auto;
    margin-left: 72px;
 }
 .section4{
    width: 360px;
    height: 191px;
    /* background: yellow; */
 }
 .section4a{
    width: 360px;
    height: 79px;
 }
 .section4a img{
    width: 360px;
    height: 79px;
 }
 .section4b{
    width: 360px;
    height: 68.5px;
    /* background: #878c92; */
 }
 .section4b p{
    font-size: 13px;
 }
 .section4c{
    width: 360px;
    height: 43.5px;
    /* background: yellow; */
 }
 .section4c img{
    width: 18.5px;
    height: 18.5px;
    margin: 12px auto;
    margin-left: 72px;
 }
 .section5{
    width: 360px;
    height: 144px;
    /* border: 1px solid black; */
 }
 .section5 img{
    width: 360px;
    height: 144px;
 }
 footer{
    width: 360px;
    height: 43.5px;
    /* background: red; */
 }
 footer img{
    width: 18.5px;
    height: 18.5px;
    margin: 12px auto;
    margin-left: 72px;
 }